<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="full-screen" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-touch-fullscreen" content="yes">
	<meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="email=no" />  
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" type="text/css" href="css/H5FullscreenPage.css">
    <link rel="stylesheet" type="text/css" href="css/animate.css">
    <link rel="stylesheet" type="text/css" href="css/mainstyle.css">    
    <title>天呐！古代土豪的发家真相-Really心酸</title>
    <!--[if It IE 9]>
        <script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
    <![endif]-->
</head>
<body>
    <div id="wrapper" class="wrapper H5FullscreenPage">
        <ul id="page-list" class="page-list H5FullscreenPage-wrap">
        	<li id="page-1" class="item active">
        		<div id="page-inner-1" class="page-inner">
        			<!-- <div class="ele elebg">
        				<img src="images/bg1.png">
        			</div> -->
        			<div class="ele eletitle">
        				<img src="images/title1.png">
        			</div>
        			<div class="ele eleplat">
        				<img src="images/plat1.png">
        			</div>
        			<div class="ele elename">
        				<img src="images/rolename1.png">
        			</div>
        			<div class="ele elerole">
        				<img src="images/role1.png">
        			</div>
        			<div class="ele elelog1">
        				<img src="images/dialoga1.png">
        			</div>        			
        			<div class="ele elebot">
        				<img src="images/botxt1.png">
        			</div>
        			<div class="ele elefoot">
        				<img src="images/foot1.png">
        			</div>
        			<div class="ele elelog2">
        				<img src="images/dialoga2.png">
        			</div>
        			<div class="ele eletag">
        				<img src="images/tag1.png">
        			</div>
        		</div>
        	</li>
        	<li id="page-2" class="item">
        		<div id="page-inner-2" class="page-inner">
        			<!-- <div class="ele elebg">
        				<img src="images/bg2.png">
        			</div> -->
        			<div class="ele eletitle">
        				<img src="images/title2.png">
        			</div>
        			<div class="ele eleplat">
        				<img src="images/plat2.png">
        			</div>
        			<div class="ele elename">
        				<img src="images/rolename2.png">
        			</div>
        			<div class="ele elerole">
        				<img src="images/role2.png">
        			</div>
        			<div class="ele elelog1">
        				<img src="images/dialogb1.png">
        			</div>        			
        			<div class="ele elebot">
        				<img src="images/botxt2.png">
        			</div>
        			<div class="ele elefoot">
        				<img src="images/foot2.png">
        			</div>
        			<div class="ele elelog2">
        				<img src="images/dialogb2.png">
        			</div>
        			<div class="ele eletag">
        				<img src="images/tag2.png">
        			</div>
        		</div>
        	</li>
        	<li id="page-3" class="item">
        		<div id="page-inner-3" class="page-inner">
        			<!-- <div class="ele elebg">
        				<img src="images/bg3.png">
        			</div> -->
        			<div class="ele eletitle">
        				<img src="images/title3.png">
        			</div>
        			<div class="ele eleplat">
        				<img src="images/plat3.png">
        			</div>
        			<div class="ele elename">
        				<img src="images/rolename3.png">
        			</div>
        			<div class="ele elerole">
        				<img src="images/role3.png">
        			</div>
        			<div class="ele elelog1">
        				<img src="images/dialogc1.png">
        			</div>        			
        			<div class="ele elebot">
        				<img src="images/botxt3.png">
        			</div>
        			<div class="ele elefoot">
        				<img src="images/foot3.png">
        			</div>
        			<div class="ele elelog2">
        				<img src="images/dialogc2.png">
        			</div>
        			<div class="ele eletag">
        				<img src="images/tag3.png">
        			</div>
        		</div>
        	</li>
        	<li id="page-4" class="item">
        		<div id="page-inner-4" class="page-inner">
        			<!-- <div class="ele elebg">
        				<img src="images/bg4.png">
        			</div> -->
        			<div class="ele eletitle">
        				<img src="images/title4.png">
        			</div>
        			<div class="ele eleplat">
        				<img src="images/plat4.png">
        			</div>
        			<div class="ele elename">
        				<img src="images/rolename4.png">
        			</div>
        			<div class="ele elerole">
        				<img src="images/role4.png">
        			</div>
        			<div class="ele elelog1">
        				<img src="images/dialogd1.png">
        			</div>        			
        			<div class="ele elebot">
        				<img src="images/botxt4.png">
        			</div>
        			<div class="ele elefoot">
        				<img src="images/foot4.png">
        			</div>
        		</div>
        	</li>
        	<li id="page-5" class="item">
        		<div id="page-inner-5" class="page-inner">
        			<!-- <div class="ele elebg">
        				<img src="images/bg5.png">
        			</div> -->
        			<div class="ele eletitle">
        				<img src="images/title5.png">
        			</div>
        			<div class="ele eleplat">
        				<img src="images/plat5.png">
        			</div>
        			<div class="ele eleact">
        				<img src="images/acttitle.png">
        			</div>
        			<div class="ele eledata">
        				<img src="images/datatab.png">
        			</div>
        			<div class="ele eletxt">
        				<img src="images/botxt5.png">
        			</div>        			
        			<div class="ele eleqr">
        				<img src="images/qrcode.png">
        			</div>
        		</div>
        	</li>
        </ul>
    </div>
    <script type="text/javascript" src="js/zepto.min.js"></script>
    <script type="text/javascript" src="js/H5FullscreenPage.js"></script>
    <script type="text/javascript">    
         H5FullscreenPage.init({
            'type' : 1,
            'pageShow' : function(){},
            'pageHide' : function(){},
            'useShakeDevice' : {
                'speed' : 30,
                'callback' : function(){}
            },
            'useParallax' : true,
            'useArrow' : true,
            'useAnimation' : true,
            'useMusic' : {
                'autoPlay' : false,
            }
         });    
    </script>
</body>
</html>